<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>申请总数卡片</title>
</head>
<body style="font-family: Arial, sans-serif; background-color: #f5f8ff; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0;">
<div style="background-image: linear-gradient(0deg, #F0F9FF 0%, #D6EDFF 100%); border-radius: 4px; padding: 16px; width: 100%;">
    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;">
        <div style="display: flex; align-items: center;">
            <div style="width: 24px; height: 24px; background-color: #3388FF; border-radius: 5px; display: flex; justify-content: center; align-items: center; margin-right: 8px;">
                <img src="http://180.101.238.249:18083/linglong-api/files/iconfont/image/5omn5rOV6KGM5Li6X+eUs+ivt+aAu+aVsA.png" alt="Icon" style="width: 13px; height: 13px;">
            </div>
            <h4 style="font-size: 14px; font-weight: 500; margin: 0; color: #223355;">申请总数</h4>
        </div>
        <div style="font-size: 20px; font-weight: bold;line-height: 24px; color: #223355;">325</div>
    </div>
    <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">
        <div style="background-color: #ffffff; border-radius: 4px; padding: 12px; display: flex; justify-content: space-between; align-items: center;">
            <h5 style="font-size: 14px; color: #223355; margin: 0; font-weight: 400;">受理</h5>
            <div style="font-size: 18px; font-weight: bold; color: #223355;">2,325</div>
        </div>
        <div style="background-color: #ffffff; border-radius: 4px; padding: 12px; display: flex; justify-content: space-between; align-items: center;">
            <h5 style="font-size: 14px; color: #223355; margin: 0; font-weight: 400;">许可</h5>
            <div style="font-size: 18px; font-weight: bold; color: #223355;">34</div>
        </div>
        <div style="background-color: #ffffff; border-radius: 4px; padding: 12px; display: flex; justify-content: space-between; align-items: center;">
            <h5 style="font-size: 14px; color: #223355; margin: 0; font-weight: 400;">不予许可</h5>
            <div style="font-size: 18px; font-weight: bold; color: #223355;">5,325</div>
        </div>
        <div style="background-color: #ffffff; border-radius: 4px; padding: 12px; display: flex; justify-content: space-between; align-items: center;">
            <h5 style="font-size: 14px; color: #223355; margin: 0; font-weight: 400;">撤销许可</h5>
            <div style="font-size: 18px; font-weight: bold; color: #223355;">32</div>
        </div>
    </div>
</div>
</body>
</html>
